<html>
<head>
	<meta charset="utf8" />
	<title><?=$file['name']?></title>
</head>
<body>
	<div id="note"></div>
	<link rel="stylesheet" href="/css/font-awesome.min.css" type="text/css">
	<link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css">
	<link rel="stylesheet" type="text/css" href="/css/tools.css"/>
	<link rel="stylesheet" href="/css/NoteLabel.css" type="text/css">
	
	<script src="/js/view/jquery.min.js"></script>
	<script src="/js/view/bootstrap.min.js"></script>
	<script src="/js/view/classie.js"></script>
	
	<script src="/js/lib/Common.js" type="text/javascript"></script>
	<script src="/js/lib/Drag.js" type="text/javascript"></script>
	
	<script src="/js/note/Note.js" type="text/javascript"></script>
	<script src="/js/note/Event.js" type="text/javascript"></script>
	<script src="/js/note/Container.js" type="text/javascript"></script>
	<script src="/js/note/WidgetLayer.js" type="text/javascript"></script>
	<script src="/js/note/DrawLayer.js" type="text/javascript"></script>
	<script src="/js/note/CacheLayer.js" type="text/javascript"></script>
	<script src="/js/note/BackgroundLayer.js" type="text/javascript"></script>
	<script src="/js/note/Painter.js" type="text/javascript"></script>

	<script src="/js/widget/Widget.js" type="text/javascript"></script>
	<script src="/js/widget/WidgetFactory.js" type="text/javascript"></script>
	<script src="/js/widget/WidgetLabel.js" type="text/javascript"></script>
	
	<script>
			var data = 
<?=
<<<EOT
JSON.parse('{$file['info']}');
EOT
?>;
		console.log("执行");
		console.log(data);
		var img_background = new Image();
		img_background.src = data.background;
		data.background = img_background;
		
		var img_cache = new Image();
		img_cache.src = data.cache;
		data.cache = img_cache;
		
		var note = new Note.Container('note', 'note-canvas', data.width, data.height, false);
		console.log(data.widget);
		note.load(data);
	</script>
</body>
</html>